// 引入 html-webpack-plugin 插件 用来打包html
let HtmlWebpackPlugin = require("html-webpack-plugin");
// 配置插件
let htmlPlugin = new HtmlWebpackPlugin({
    // 打包模板
    template:"./public/index.html",
    // 打包后文件名称
    filename:"main.html"
})
module.exports ={
    // mode 模式
    mode:"production",
    // entry 入口
    entry:"./src/index.js",
    //output 出口
    output:{
        filename:"build.js",
        path:__dirname+"/dist"
    },
    module:{
        // 匹配规则
        rules:[
            {
                test:/\.css$/i,
                use:["style-loader","css-loader"]
            },
            {
                test: /\.(png|svg|jpg|jpeg|gif)$/i,
                type: 'asset/resource',
            } 
        ]
    },
    // 插件
    plugins:[
        // 注册插件
        htmlPlugin,
    ]
}